<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>详情介绍</title>
</head>
<body>
    <div id="activity_detail">
        <div class="cover">
            <a href="#" class="return">
                <i class="am-icon-angle-left"></i>
            </a>
        </div>
        <div class="title">
            <label>龙门石窟：一场灵魂与身体的旅行</label>
            <div class="sprice">
                报名费<span>¥230</span>起/人
            </div>
            <div class="clear"></div>
        </div>
        <div class="time">
            <div class="date">
                <img src="images/time.png" />
                <p>出发时间：2021/05/01</p>
                <div class="clear"></div>
            </div>
            <ul>
                <li class="phone">
                    <p>活动资讯：<span>010-123456789</span></p>
                </li>
                <li class="phone">
                    <p>集合地点：<span>010-123456789</span></p>
                </li>
            </ul>
        </div>
        <!-- 点评以下内容 -->
        <div class="all_comment">
            <div class="item">
                <span>点评（58）</span>
            </div>
            <ul>
                <li>
                    <div class="comment_list">
                        <div class="message">
                            <span class="writer">
                                心诚则灵
                            </span>
                            <span class="date">2021/05/01</span>
                            <div class="clear"></div>
                        </div>
                        <p>
                            中国三大石窟之一，历史悠久，开凿经历了多个朝代断续营造达500余年之中国三大石窟之一，历史悠久
                        </p>
                    </div>                
                </li>
            </ul>
            <div class="more">
                <a href="#">查看全部评价</a>
            </div>
        </div>
        <div class="interoduce">
            <div class="detail">
                <label>活动介绍</label>
                <div class="clear"></div>
                <div class="con">    
                中国三大石窟之一，历史悠久，开凿经历了多个朝代断续营造达500余年之中国三大石窟之一，历史悠久，开凿经历了多个朝代断续营造达500余年之中国三大石窟之一，历史悠久，开凿经历
                    <div class="all_text" style="display: none;">   
                    中国三大石窟之一，历史悠久，开凿经历了多个朝代，断续营造达500余年之久，共有97000余尊佛像。这里东、西两山对峙，伊水中流，形似天然门阙，石窟密布于峭壁上，南北长达1公里。龙门石窟是洛阳最经典的景点，其中最震撼的是卢舍那大佛雕像群，有半山高。
                    </div> 
                    <a href="javascripts:void(0)" class="more">
                        <i class="am-icon-angle-down"></i>
                    </a>   
                </div>
            </div>
        </div>
        <div id="buy_nav">
            <a href="#" class="call">
                <img src="images/call.png" />
                <p>电话咨询</p>
            </a>
            <a href="#" class="cur">立即报名</a>
        </div>
    </div>
</body>
<script>
    $(document).ready(function(){
        $(".more").click(function(){
            $(".all_text").toggle()
        })
    })
</script>
</html>